<template>
	<div id="app">
		<router-view></router-view>
	</div>
</template>

<script>

import { mapGetters } from 'vuex';

export default {
	name: 'app',
	created:function(){
		this.init();
		window.addEventListener("resize", this.init, false);
	},
	methods:{
		init: function(){
			let html = document.getElementsByTagName("html")[0];
			html.style.fontSize = this.getFontSize()+'px';
		},
		getFontSize: function(){
			let oWidth = document.body.clientWidth || document.documentElement.clienWidth;
			let fontSize = oWidth / 145;
			return fontSize;
		},
	}
}
</script>

<style lang="scss">
	html,body{
		padding: 0;
		margin: 0;
		#app {
			font-family: 'Avenir', Helvetica, Arial, sans-serif;
			position: relative;
			height: 100vh;
			width: 100vw;
			min-height: 768px;
			min-width: 1024px;
			overflow: hidden;
		}
	}

</style>
